<template>
  <div id="app">
    <common v-if="isWebsitePage">
      <router-view />
    </common>
    <router-view v-else />
  </div>
</template>

<script>
import Common from '@/views/common'

export default {
  name: 'App',
  components: {
    Common
  },
  computed: {
    // 判断当前路由是否是官网页面
    isWebsitePage() {
      const websiteRoutes = ['Home', 'About', 'Join', 'AiChat', 'Showcase', 'Author']
      return websiteRoutes.includes(this.$route.name)
    }
  }
}
</script>

<style scoped>
#app {
  height: 100%;
}

/* 系统原有页面的容器样式 */
.system-container {
  height: 100%;
  background: #f0f2f5;
}
</style>
